{% extends "base.html" %}

{% block content %}
  <div class="list-title flex-row-between">
    <span>课程列表</span>
    <div>
      {% csrf_token %}
      {% include './components/index_search.html' %}
    </div>
  </div>
  <div class='flex-row-between align-items-start' id='content-main'>
    <div class='con-list'>
      {% for course in course_list %}
        {% include "./components/course_list_item.html" %}
      {% endfor %}
    </div>
    <div class='con-rec'>
      {% include './components/more_experiment.html' %}
      {% include './components/more_exam.html' %}
    </div>
  </div>
{% endblock %}